@charset "utf-8";

@import "_common.scss";
.navbar{
    margin-bottom: 0;
    border: transparent;
}

.about1{
.about-banner{
    width: 100%;
//  padding: 0;
    .about-banner-text{
        padding: 0;
    }
}}



.about2{
    margin-top: 74px;
   .about-content h1{
       font-size: 36px;
       color: #000000;
        margin-top: 20px;
        margin-bottom: 10px;       
   } 
   .about-tittle h2{
       font-size: 24px;
       color: #000000;
       line-height: 1.4;
      
       margin-bottom: 20px;
   } 
   .about-text p{
       color: #2a2a2a;
       font-size: 14px;
       text-indent: 25px;
       line-height: 30px;
       padding: 0,0,10px;
   }
   .about-pic{
       display: inline-inline;
       
       img{display:block; margin: 0 auto;}
   }
}
.about3{
    background: #8cc11f;
    margin-top: 20px;
    padding:50px 0;
    color: #FFFFff;
   .about-content1 h1{
       font-size: 36px;
       color: #FFFFFF;
        margin-top: 40px;
        margin-bottom: 40px;       
   } 
   
   .about-text1 p{
       color: #FFFFFF;
       font-size: 14px;
       text-indent: 25px;
       line-height: 30px;
       padding: 0,0,10px;
   }
   .about-pic1{
       display: inline-inline;
       img{display:block;}
       a:hover img{opacity: 0.8;}
       a:active img{opacity: 0.8;}
   }
   
}
@media (max-width: 767px)  {
.about3 .about-text1 p{
    text-indent: 0px;
}
.about3 .about-text2{
    margin-top: 20px;
}
.about3 .about-text2 p{
    margin-top: 10px;
}
}
@media (width:320px)  {
.about3 .about-text2 p{
    text-align: center;
}
.about3 .about-text2 img{
    margin: 0 auto;
}
}
.about4{
    .my-padding2{
//    padding: 30px 0;  
    h4{font-size: 18px;
        color: #2a2a2a;
    }
   .about-tittle-font{
//     padding-top: 20px;
       border: none;
       h2{
          font-size: 25px;
          color: #8cc11f; 
       }
   }
  } 
  .about-state{
     .about-state-content{
         line-height: 30px;
     }
  }  
}
hr{
    border: 0;
    border: 0.5px solid #DDDDDD;
//  line-height: 0;
    width: 80%;
    
    margin: 30px auto;
}
.about5{
    background: #f4f4f4;
    margin-top: 85px;
    .about5-padding{
       padding-top: 20px;
    
    .about5-col{
        background: #FFFFFF;
        border-radius: 7px;
        margin: 0;
        padding:10px 0;
        p{
          line-height: 1.428;
          padding-top: 20px;
        }
      .about5-col-pic{
          padding-left: 0;
      }  
        
    }
}}
